<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>陀螺仪</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no" name="format-detection">
	<!-- Styles -->
	<link rel="stylesheet" type="text/css" href="css.css"/>
</head>
<body>

	<div id="container" class="container">
		<ul id="scene" class="scene">
			<li class="layer" data-depth="0.1"><img src="img/bg1.png"></li>
			<li class="layer" data-depth="0.2"><img src="img/bg2.png"></li>
			<li class="layer" data-depth="0.3"><img src="img/bg3.png"></li>
			<li class="layer" data-depth="0.2"><img src="img/bg4.png"></li>
			<li class="layer" data-depth="0.4"><img src="img/bg5.png"></li>
			<li class="layer" data-depth="0.3"><img src="img/bg6.png"></li>
		</ul>
	</div>

	<!-- Scripts -->
	<script src="parallax.min.js"></script>
	<script>
		var scene = document.getElementById('scene');
		var parallax = new Parallax(scene);
	</script>

</body>
</html>